.statics-header {
    display: flex;
    column-gap: 20px;

    .statics-picker {
        &>span {
            font-size: 14px;
            margin-right: 15px;
        }
    }
}

.chart-box {
    width: 100%;
    height: 650px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-layout-box {
    display: block;
    // height: auto;
}

.commodity-card {
    .title {
        padding: 20px;
        background-color: #F2F2F2;
        font-size: 14px;
        // margin-bottom: 20px;
    }

    .content {
        padding: 20px;
        box-sizing: border-box;
    }
}

.commodity-list-detail {
    background-color: #fff;
    padding: 20px 16px;

    .detail-content {
        overflow-y: scroll;
    }

    .basic {
        &>div {
            display: flex;

            &>p {
                margin-right: 20px;
            }

            &>div {
                color: #7F7F7F;
            }
        }
    }
}

.commodity-content {
    background-color: #fff;
    padding: 20px;

    .search-header {
        .ant-form {
            display: flex;
            justify-content: space-between;
        }
    }

    .search-header-list {
        display: flex;
        justify-content: space-between;

        &>div:first-child {
            width: 90%;
        }
    }
}

.commodity-list-evaluate {
    background-color: #fff;
}

.commodity-list-add {
    background-color: #fff;

    .content {
        padding: 20px 16px;
        // box-sizing: border-box;
        overflow-y: scroll;

        &>div {
            width: 100%;
        }

        .title {
            padding: 20px;
            background-color: #F2F2F2;
            font-size: 14px;
            margin-bottom: 20px;
        }

        .form-box {
            padding: 0 20px 20px;
            width: 40%;
        }


    }

    .button-group {
        width: 100%;
        display: flex;
        justify-content: center;
        column-gap: 20px;
        padding: 20px 0;

        button {
            min-width: 100px;
        }

        &>div {
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 20px;
        }
    }
}




.spotGoods-sku-list {
    padding: 20px;

    .spotGoods-sku-border {
        padding: 10px;
        border: 1px solid #ddd;
    }

    .spotGoods-sku-Specification {
        padding: 10px;
        border: 1px dashed #ddd;
        text-align: center;
        cursor: pointer;
    }

    .spotGoods-item-label {
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .spotGoods-sku-item {
        margin-bottom: 20px;
    }

    .spotGoods-Specification-box {
        padding: 10px;
        border: 1px solid #ddd;
    }

    .spotGoods-Specification-model {
        background-color: #ddd;
        padding: 10px;
        line-height: 32px;

        input {
            width: 100px;
            margin-right: 10px;
            border-radius: 3px;
        }

        em {
            cursor: pointer;
        }
    }

    .spotGoods-model-operation {
        padding: 10px;
        display: flex;
        align-items: center;

        input {
            width: 100px;
            border-radius: 3px;
        }

        button {
            margin: 0 10px;
        }
    }

    .spotGoods-model-label {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        .spotGoods-model-tag {
            margin-top: 10px;
        }
    }

    .specification-table-thead {
        display: flex;
        background-color: #ddd;

        li {
            flex: 1;
            line-height: 40px;
            text-align: center;
        }
    }

    .specification-table-list {
        display: flex;
        border-left: 1px solid #ddd;

        li {
            flex: 1;

            div {
                height: 50px;
                line-height: 50px;
                text-align: center;
                border-bottom: 1px solid #ddd;
                border-right: 1px solid #ddd;

                input {
                    width: 80%;
                    margin: 0 auto;
                }
            }
        }
    }

    .spotGoods-img-box {
        .spotGoods-img-item {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 20px;
            border: 1px solid #ddd;
            border-top: none;

            em {
                margin-right: 20px;
            }
        }

        .spotGoods-img-item:first-child {
            border-top: 1px solid #ddd;
        }
    }

    .spotGoods-Specification-radio {
        margin-left: 20px;
    }

    .property-name {
        width: 100px;
    }

    .spec-table {
        border: 1px solid #ddd;
        width: 100%;

        td,
        th {
            padding: 10px;
            border: 1px solid #ddd;
        }

        th {
            background-color: #ddd;
        }
    }

    .green-background {
        background-color: #67c23a;
        color: #fff;
    }

    .spotGoods-btn-box {
        margin-top: 10px;
    }
}

.ant-tabs {
    height: 100%;

    .ant-tabs-content {
        height: 100%;
        // .ant-tabs-tabpane{
        //   display: flex;
        //   flex-direction: column;
        //   justify-content: space-between;
        // }
    }
}

.evaluate-details-box {
    .top {
        display: flex;
        justify-content: space-between;
    }

    .middle {
        display: flex;
        padding: 20px 0;

        &>div:last-child {
            color: #7F7F7F;
        }
    }

    .bottom {
        display: flex;
        justify-content: flex-end;
    }
}